/* 全局样式 - 深色主题（基于图片配色） */

/* 基础文字颜色 */
body {
  color: #ffffff;
  background-color: #0a0a0a;
}

/* Ant Design 组件文字颜色覆盖 */
.ant-typography,
.ant-typography h1,
.ant-typography h2,
.ant-typography h3,
.ant-typography h4,
.ant-typography h5 {
  color: #ffffff !important;
}

.ant-typography.ant-typography-secondary {
  color: #cccccc !important;
}

/* 表单元素 */
.ant-form-item-label>label {
  color: #e0e0e0 !important;
}

.ant-input,
.ant-input-number,
.ant-select,
.ant-select-selector,
.ant-picker,
.ant-cascader-picker,
.ant-input-affix-wrapper {
  background-color: rgba(42, 42, 42, 0.8) !important;
  border-color: rgba(68, 68, 68, 0.3) !important;
  color: #cccccc !important;
  border-radius: 6px;
  backdrop-filter: blur(10px);
  transition: all 0.3s ease;
}

/* 输入框悬停和聚焦状态 */
.ant-input:hover,
.ant-input-number:hover,
.ant-select:hover .ant-select-selector,
.ant-picker:hover,
.ant-cascader-picker:hover,
.ant-input-affix-wrapper:hover {
  border-color: rgba(0, 255, 0, 0.3) !important;
  box-shadow: 0 0 0 2px rgba(0, 255, 0, 0.1);
}

.ant-input:focus,
.ant-input-number:focus,
.ant-select-focused .ant-select-selector,
.ant-picker-focused,
.ant-cascader-picker-focused,
.ant-input-affix-wrapper-focused {
  border-color: rgba(0, 255, 0, 0.5) !important;
  box-shadow: 0 0 0 2px rgba(0, 255, 0, 0.2);
}

.ant-input::placeholder,
.ant-select-selection-placeholder {
  color: #888888 !important;
}

/* 下拉菜单全局样式 */
.ant-select-dropdown {
  background: rgba(26, 26, 26, 0.95) !important;
  border: 1px solid rgba(0, 255, 0, 0.2) !important;
  border-radius: 8px !important;
  backdrop-filter: blur(20px);
  box-shadow: 
    0 8px 25px rgba(0, 0, 0, 0.3),
    0 0 0 1px rgba(0, 255, 0, 0.1);

  .ant-select-item {
    color: #cccccc !important;
    background: transparent !important;
    border-radius: 4px;
    margin: 2px 4px;
    transition: all 0.3s ease;

    &:hover {
      background: rgba(0, 255, 0, 0.1) !important;
      color: #00ff00 !important;
    }

    &.ant-select-item-option-selected {
      background: rgba(0, 255, 0, 0.15) !important;
      color: #00ff00 !important;
      font-weight: 500;
    }

    &.ant-select-item-option-active {
      background: rgba(0, 255, 0, 0.1) !important;
      color: #00ff00 !important;
    }
  }
}

/* 下拉箭头样式 */
.ant-select-arrow {
  color: #cccccc !important;
  transition: color 0.3s ease;
}

.ant-select:hover .ant-select-arrow {
  color: #00ff00 !important;
}

/* 输入框内部文字颜色 */
.ant-input-number-input {
  color: #cccccc !important;
}

.ant-select-selection-item {
  color: #cccccc !important;
}

.ant-select-selection-search-input {
  color: #cccccc !important;
}

/* 输入框前缀和后缀 */
.ant-input-affix-wrapper .ant-input {
  color: #cccccc !important;
}

.ant-input-group-addon {
  background-color: rgba(42, 42, 42, 0.8) !important;
  border-color: rgba(68, 68, 68, 0.3) !important;
  color: #cccccc !important;
  backdrop-filter: blur(10px);
}

/* InputNumber组件的addon样式 */
.ant-input-number-group-addon {
  border-color: rgba(68, 68, 68, 0.3) !important;
  color: #cccccc !important;
  background-color: rgba(42, 42, 42, 0.8) !important;
  backdrop-filter: blur(10px);
}

/* 覆盖Ant Design的默认样式 */
:where(.css-dev-only-do-not-override-1rfzxih).ant-input-number-group-wrapper-outlined .ant-input-number-group-addon {
  border-color: rgba(68, 68, 68, 0.3) !important;
  color: #cccccc !important;
  background-color: rgba(42, 42, 42, 0.8) !important;
}

/* Slider组件样式 */
.ant-slider .ant-slider-rail {
  background-color: rgba(255, 255, 255, 0.4) !important;
}

/* 覆盖Ant Design的默认样式 */
:where(.css-dev-only-do-not-override-1rfzxih).ant-slider .ant-slider-rail {
  background-color: rgba(255, 255, 255, 0.4) !important;
}

/* Card组件样式 */
.ant-card .ant-card-head {
  color: #fff !important;
}

/* 覆盖Ant Design的默认样式 */
:where(.css-dev-only-do-not-override-1rfzxih).ant-card .ant-card-head {
  color: #fff !important;
}

/* Divider组件样式 */
.ant-divider-horizontal.ant-divider-with-text {
  color: #fff !important;
}

/* 覆盖Ant Design的默认样式 */
:where(.css-dev-only-do-not-override-1rfzxih).ant-divider-horizontal.ant-divider-with-text {
  color: #fff !important;
}

/* InputNumber组件样式 */
.ant-input-number .ant-input-number-input::placeholder {
  color: #eee !important;
}

/* 覆盖Ant Design的默认样式 */
:where(.css-dev-only-do-not-override-1rfzxih).ant-input-number .ant-input-number-input::placeholder {
  color: #eee !important;
}

/* Tag组件纯文字风格 */
.ant-tag {
  background: transparent !important;
  border: none !important;
  color: #e0e0e0 !important;
  padding: 4px 8px !important;
  font-size: 14px !important;
}

.ant-tag:hover {
  background: transparent !important;
  border: none !important;
  color: #fff !important;
}

/* 下拉菜单 */
.ant-dropdown-menu {
  background: rgba(26, 26, 26, 0.95) !important;
  border: 1px solid rgba(0, 255, 0, 0.2) !important;
  border-radius: 8px !important;
  backdrop-filter: blur(20px);
  box-shadow: 
    0 8px 25px rgba(0, 0, 0, 0.3),
    0 0 0 1px rgba(0, 255, 0, 0.1);

  .ant-dropdown-menu-item {
    color: #cccccc !important;
    background: transparent !important;
    border-radius: 4px;
    margin: 2px 4px;
    transition: all 0.3s ease;

    &:hover {
      background: rgba(0, 255, 0, 0.1) !important;
      color: #00ff00 !important;
    }
  }
}

/* 按钮 - 基于图片配色调整 */
.ant-btn {
  border-radius: 6px;
  transition: all 0.3s ease;
  backdrop-filter: blur(10px);

  &.ant-btn-default {
    background-color: rgba(42, 42, 42, 0.8) !important;
    border-color: rgba(68, 68, 68, 0.3) !important;
    color: #cccccc !important;
    
    &:hover {
      background-color: rgba(0, 255, 0, 0.1) !important;
      border-color: rgba(0, 255, 0, 0.3) !important;
      color: #00ff00 !important;
      box-shadow: 0 0 0 2px rgba(0, 255, 0, 0.1);
    }
  }
  
  &.ant-btn-primary {
    background: linear-gradient(135deg, #00ff00 0%, #00cc00 100%) !important;
    border-color: #00ff00 !important;
    color: #000000 !important;
    font-weight: 600;
    
    &:hover {
      background: linear-gradient(135deg, #00cc00 0%, #009900 100%) !important;
      border-color: #00cc00 !important;
      box-shadow: 0 4px 15px rgba(0, 255, 0, 0.3);
      transform: translateY(-1px);
    }
  }
}

/* 表格 */
.ant-table {
  background-color: rgba(26, 26, 26, 0.8) !important;
  color: #cccccc !important;
  border-radius: 8px;
  overflow: hidden;
  backdrop-filter: blur(10px);
  
  .ant-table-thead>tr>th {
    background-color: rgba(42, 42, 42, 0.9) !important;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(68, 68, 68, 0.3) !important;
    font-weight: 600;
  }
  
  .ant-table-tbody>tr>td {
    background: transparent !important;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(68, 68, 68, 0.2) !important;
  }
  
  .ant-table-tbody>tr:hover>td {
    background-color: rgba(0, 255, 0, 0.05) !important;
    color: #ffffff !important;
  }
  
  .ant-table-row-expand-icon {
    background-color: rgba(42, 42, 42, 0.8) !important;
    border-color: rgba(68, 68, 68, 0.3) !important;
    color: #cccccc !important;
  }
  
  /* 修复表格内链接和按钮的颜色 */
  .ant-btn-link {
    color: #1890ff !important;
  }
  
  .ant-btn-link:hover {
    color: #40a9ff !important;
  }
}

/* 标签页 */
.ant-tabs {
  color: #cccccc !important;
}

.ant-tabs-tab {
  color: #cccccc !important;
  transition: all 0.3s ease;
}

.ant-tabs-tab-btn {
  color: #cccccc !important;
  transition: all 0.3s ease;
}

.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #00ff00 !important;
  font-weight: 600;
}

.ant-tabs-tab:hover .ant-tabs-tab-btn {
  color: #00ff00 !important;
}

.ant-tabs-ink-bar {
  background: linear-gradient(90deg, #00ff00 0%, #00cc00 100%) !important;
}

/* 弹出框 */
.ant-modal-content {
  background: rgba(26, 26, 26, 0.95) !important;
  border: 1px solid rgba(0, 255, 0, 0.2) !important;
  border-radius: 12px !important;
  backdrop-filter: blur(20px);
  box-shadow: 
    0 8px 25px rgba(0, 0, 0, 0.3),
    0 0 0 1px rgba(0, 255, 0, 0.1);
  
  .ant-modal-header {
    background: transparent !important;
    border-bottom: 1px solid rgba(68, 68, 68, 0.3) !important;
    
    .ant-modal-title {
      color: #ffffff !important;
      font-weight: 600;
    }
  }
  
  .ant-modal-footer {
    border-top: 1px solid rgba(68, 68, 68, 0.3) !important;
  }
  
  .ant-modal-close {
    color: #cccccc !important;
    transition: color 0.3s ease;
    
    &:hover {
      color: #00ff00 !important;
    }
  }
}

/* 抽屉 */
.ant-drawer-content {
  background: rgba(26, 26, 26, 0.95) !important;
  backdrop-filter: blur(20px);
  
  .ant-drawer-header {
    background: transparent !important;
    border-bottom: 1px solid rgba(68, 68, 68, 0.3) !important;
    
    .ant-drawer-title {
      color: #ffffff !important;
      font-weight: 600;
    }
  }
  
  .ant-drawer-close {
    color: #cccccc !important;
    transition: color 0.3s ease;
    
    &:hover {
      color: #00ff00 !important;
    }
  }
}

/* 分页 */
.ant-pagination {
  color: #cccccc !important;
  
  .ant-pagination-item {
    background-color: rgba(42, 42, 42, 0.8) !important;
    border-color: rgba(68, 68, 68, 0.3) !important;
    border-radius: 6px;
    transition: all 0.3s ease;
    
    a {
      color: #cccccc !important;
    }
    
    &:hover {
      border-color: rgba(0, 255, 0, 0.3) !important;
      box-shadow: 0 0 0 2px rgba(0, 255, 0, 0.1);
    }
    
    &.ant-pagination-item-active {
      background: linear-gradient(135deg, #00ff00 0%, #00cc00 100%) !important;
      border-color: #00ff00 !important;
      box-shadow: 0 4px 15px rgba(0, 255, 0, 0.3);
      
      a {
        color: #000000 !important;
        font-weight: 600;
      }
    }
  }
  
  .ant-pagination-prev,
  .ant-pagination-next {
    .ant-pagination-item-link {
      background-color: rgba(42, 42, 42, 0.8) !important;
      border-color: rgba(68, 68, 68, 0.3) !important;
      color: #cccccc !important;
      border-radius: 6px;
      transition: all 0.3s ease;
      
      &:hover {
        border-color: rgba(0, 255, 0, 0.3) !important;
        color: #00ff00 !important;
        box-shadow: 0 0 0 2px rgba(0, 255, 0, 0.1);
      }
    }
  }
}

/* 描述列表 */
.ant-descriptions {
  color: #cccccc !important;
  
  .ant-descriptions-item-label {
    background-color: rgba(42, 42, 42, 0.8) !important;
    color: #ffffff !important;
    border-color: rgba(68, 68, 68, 0.3) !important;
    font-weight: 600;
  }
  
  .ant-descriptions-item-content {
    border-color: rgba(68, 68, 68, 0.3) !important;
    color: #cccccc !important;
  }
}

/* 列表 */
.ant-list {
  color: #cccccc !important;
  
  .ant-list-item {
    border-bottom: 1px solid rgba(68, 68, 68, 0.3) !important;
    transition: all 0.3s ease;
    
    &:hover {
      background-color: rgba(0, 255, 0, 0.05) !important;
    }
  }
}

/* 树形控件 */
.ant-tree {
  background-color: transparent !important;
  color: #cccccc !important;
  
  .ant-tree-node-content-wrapper {
    transition: all 0.3s ease;
    
    &:hover {
      background-color: rgba(0, 255, 0, 0.1) !important;
    }
  }
  
  .ant-tree-node-selected {
    background-color: rgba(0, 255, 0, 0.15) !important;
    color: #00ff00 !important;
  }
}

/* 徽标 */
.ant-badge {
  color: #cccccc !important;
}

/* 面包屑 */
.ant-breadcrumb {
  color: #888888 !important;
  
  .ant-breadcrumb-link {
    color: #888888 !important;
    transition: color 0.3s ease;
    
    a {
      color: #00ff00 !important;
      transition: color 0.3s ease;
      
      &:hover {
        color: #00cc00 !important;
      }
    }
  }
  .ant-breadcrumb-separator {
    color: #a0a0a0 !important;
  }
}

/* 日期选择器 */
.ant-picker-panel {
  background: rgba(26, 26, 26, 0.95) !important;
  border: 1px solid rgba(0, 255, 0, 0.2) !important;
  border-radius: 8px !important;
  backdrop-filter: blur(20px);
  box-shadow: 
    0 8px 25px rgba(0, 0, 0, 0.3),
    0 0 0 1px rgba(0, 255, 0, 0.1);
  
  .ant-picker-header {
    color: #ffffff !important;
    border-bottom: 1px solid rgba(68, 68, 68, 0.3) !important;
    
    button {
      color: #cccccc !important;
      transition: color 0.3s ease;
      
      &:hover {
        color: #00ff00 !important;
      }
    }
  }
  
  .ant-picker-content th {
    color: #888888 !important;
  }
  
  .ant-picker-cell {
    color: #cccccc !important;
    transition: all 0.3s ease;
    
    &.ant-picker-cell-in-view {
      color: #cccccc !important;
    }
    
    &:hover .ant-picker-cell-inner {
      background-color: rgba(0, 255, 0, 0.1) !important;
      color: #00ff00 !important;
    }
    
    &.ant-picker-cell-selected .ant-picker-cell-inner {
      background: linear-gradient(135deg, #00ff00 0%, #00cc00 100%) !important;
      color: #000000 !important;
      font-weight: 600;
    }
  }
}

/* 链接 */
a {
  color: #00ff00 !important;
  &:hover {
    color: #00cc00 !important;
  }
}

/* 导航菜单样式 - 基于图片配色 */
.ant-menu {
  background-color: #0a0a0a !important;
  
  .ant-menu-item {
    color: #cccccc !important;
    transition: all 0.3s ease;
    
    &:hover {
      background-color: rgba(0, 255, 0, 0.1) !important;
      color: #00ff00 !important;
    }
    
    &.ant-menu-item-selected {
      background-color: rgba(0, 255, 0, 0.15) !important;
      color: #00ff00 !important;
      font-weight: 600;
    }
  }
}

/* 侧边栏样式 */
.ant-layout-sider {
  background-color: #0a0a0a !important;
}

/* 头部样式 */
.ant-layout-header {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
}

/* 内容区域样式 */
.ant-layout-content {
  background-color: #0a0a0a !important;
}

/* 状态指示器样式 */
.ant-badge-status-dot {
  &.ant-badge-status-success {
    background-color: #00ff00 !important;
  }
  
  &.ant-badge-status-error {
    background-color: #ff4444 !important;
  }
  
  &.ant-badge-status-warning {
    background-color: #ffaa00 !important;
  }
}

/* 卡片样式调整 */
.ant-card {
  background: rgba(26, 26, 26, 0.8) !important;
  border: 1px solid rgba(68, 68, 68, 0.3) !important;
  border-radius: 8px;
  backdrop-filter: blur(10px);
  
  .ant-card-head {
    background: transparent !important;
    border-bottom-color: rgba(68, 68, 68, 0.3) !important;
    
    .ant-card-head-title {
      color: #ffffff !important;
      font-weight: 600;
    }
  }
  
  .ant-card-body {
    color: #cccccc !important;
  }
}

/* 空间组件样式 */
.ant-space {
  color: #cccccc !important;
}

/* 统计数值样式 */
.ant-statistic {
  .ant-statistic-title {
    color: #cccccc !important;
  }
  
  .ant-statistic-content {
    color: #ffffff !important;
  }
}